<template>
	<view>
		<comHeader :config="navConfig"/>
		<view class="new">
			<image src="/static/testglPic.png"></image>
			<input class="one" confirmtype="text" placeholder="请输入文件名称"/>
			<view class="line"></view>
		</view>
		<br>
		<view class="btn">
			<navigator class="btn1"><text>取 消</text></navigator>
			<navigator  url="JQcollection" class="btn2"><text>确 认</text></navigator>
		</view>
		
	</view>
</template>

<script>
	export default{
		data(){
			return{
				navConfig:{
					isFixed:false, //是否absolute布局
					left:{
						
						isShowLeft:true,
						leftGobackColor:'black', //左边返回icon颜色
					},
					mid:{
						isShowMid:true,
						text:'新建文件夹'
					},
					right:{
						text:'',
						isShowRight:false,
					}
				},
			}
		}
	}
</script>

<style>
	
	.new{
		width: 650upx;
		height: 300upx;
		border: 1upx solid #D8D8D8;
		margin-left: 45upx;
		border-radius: 25upx;
		background: rgba(255,255,255,1);
		box-shadow: 0px 0px 15px 0px rgba(232,232,232,1);
	}
	
	.new image{
		width: 120upx;
		height: 120upx;
		font-family: PingFang SC Regular;
		color: #333333;
		margin-left: 112upx;
		margin-top: 64upx;
		float: left;
	}
	
	.one{
		margin-left: 130upx;
		margin-top: 130upx;
		width: 200upx;
		height: 26upx;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: #BBBBBB;
		float: left;
	}
	.line{
		position: absolute;
		margin-left: 287upx;
		margin-top: 197upx;
		width: 344upx;
		height: 1upx;
		background: rgba(220,220,220,1);
		float: left;
	}
	
	.btn>navigator{display: inline-block;}
	.btn{
		margin-top: 10upx;
		position: absolute;
	}
	.btn1{
		width:200upx;
		height: 72upx;
		background: #E6E6E6;
		font-size: 20upx;
		line-height: 72upx;
		border-radius: 35upx;
		/* margin-left: 3.64rem;
		margin-top: 0.26rem; */
		border:1px solid #FFFFFF;
		text-align: center;
		margin-top: 56upx;
		margin-left: 110upx;
		float: left;
	}
	
	.btn1 text{
		margin: auto;
		width: 70%;
		height: 0.25rem;
		font-size: 26upx;
		font-family: PingFang SC Regular;
		color: #FFFFFF;
	}
	
	.btn2{
		float: left;
		width:200upx;
		height: 72upx;
		font-size: 20upx;
		line-height: 72upx;
		border-radius: 35upx;
		margin-top: 55upx;
		border:1px solid #FFFFFF;
		text-align: center;
		margin-left: 110upx;
		background-image: linear-gradient(to right, #54B0FF,#577AFF);
		filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='##577AFF', endColorstr='#54B0FF', GradientType=1); 
	}
	
	.btn2 text{
		margin: auto;
		width: 70%;
		height: 0.25rem;
		font-size: 26upx;
		font-family: PingFang SC Regular;
		color:#FFFFFF;
	}
</style>
